<template>
  <el-container class="common-layout">
    <!--    <el-header>-->
    <!--      <el-row>-->
    <!--        <el-col :span="6">-->
    <!--          <div>-->
    <!--&lt;!&ndash;            <el-image class="logo" :src="require('@/assets/logo.png')" fit="contain">&ndash;&gt;-->
    <!--&lt;!&ndash;            </el-image>&ndash;&gt;-->
    <!--          </div>-->
    <!--        </el-col>-->
    <!--      </el-row>-->
    <!--    </el-header>-->
    <el-container>
      <el-aside>
        <el-row class="tac">
          <el-col :span="24">
            <el-menu
              default-active="2"
              class="el-menu-vertical-demo"
              router>

              <el-menu-item index="/index">
                <!--                <i class="el-icon-menu"></i>-->
                <span slot="title">首页</span>
              </el-menu-item>

              <el-menu-item index="/index/ynAssign">
                <!--                <i class="el-icon-menu"></i>-->
                <span slot="title">人员</span>
              </el-menu-item>


<!--              <el-menu-item index="/index/ynDay">-->
<!--                <span slot="title">业绩</span>-->
<!--              </el-menu-item>-->

<!--              <el-menu-item index="/index/daySheet5">-->
<!--                <span slot="title">英雄榜</span>-->
<!--              </el-menu-item>-->

              <el-menu-item index="/index/ynAssignDayFinance">
                <span slot="title">工作量</span>
              </el-menu-item>

              <el-menu-item index="/index/daySheet">
                <span slot="title">财税日工作量</span>
              </el-menu-item>

              <el-menu-item index="/index/daySheet2">
                <span slot="title">新开日工作量</span>
              </el-menu-item>

              <el-menu-item index="/index/ynDepartment">
                <span slot="title">部门</span>
              </el-menu-item>

<!--              <el-submenu index="dep">-->
<!--                <template slot="title">部门管理</template>-->

<!--                <el-menu-item index="/index/ynDepartment">-->
<!--                  <span slot="title">部门</span>-->
<!--                </el-menu-item>-->

<!--                <el-menu-item index="/index/ynDayTarget">-->
<!--                  <span slot="title">今日目标</span>-->
<!--                </el-menu-item>-->

<!--                <el-menu-item index="/index/ynWeekTarget">-->
<!--                  <span slot="title">本周目标</span>-->
<!--                </el-menu-item>-->

<!--                <el-menu-item index="/index/ynMonthTarget">-->
<!--                  <span slot="title">人员本月任务</span>-->
<!--                </el-menu-item>-->

<!--                <el-menu-item index="/index/daySheet3">-->
<!--                  <span slot="title">月度业绩报表</span>-->
<!--                </el-menu-item>-->

<!--                <el-menu-item index="/index/daySheet4">-->
<!--                  <span slot="title">本周业绩报表</span>-->
<!--                </el-menu-item>-->
<!--              </el-submenu>-->

              <el-menu-item index="/index/we">
                <span slot="title">备忘</span>
              </el-menu-item>

              <el-menu-item index="/index/wool">
                <span slot="title">羊毛</span>
              </el-menu-item>

              <el-menu-item index="/index/month">
                <span slot="title">当月</span>
              </el-menu-item>

              <el-menu-item index="/index/account">
                <span slot="title">存款</span>
              </el-menu-item>

              <el-menu-item index="/index/byj">
                <span slot="title">备用金</span>
              </el-menu-item>

              <el-menu-item index="/index/loan">
                <span slot="title">借款</span>
              </el-menu-item>

              <el-menu-item index="/index/car">
                <span slot="title">用车</span>
              </el-menu-item>

              <!--              <el-submenu index="1">-->
              <!--                <template slot="title">-->
              <!--                  <span>导航一</span>-->
              <!--                </template>-->
              <!--                <el-menu-item-group>-->
              <!--                  <el-menu-item index="/index/ynAssign">人员</el-menu-item>-->
              <!--                  <el-menu-item index="/index/ynDepartment">部门</el-menu-item>-->
              <!--                  <el-menu-item index="/index/ynDayTarget">天目标</el-menu-item>-->
              <!--                  <el-menu-item index="/index/ynWeekTarget">周目标</el-menu-item>-->
              <!--                  <el-menu-item index="/index/ynDay">每日业绩</el-menu-item>-->
              <!--                </el-menu-item-group>-->
              <!--                <el-menu-item-group title="分组2">-->
              <!--                  <el-menu-item index="1-3">选项3</el-menu-item>-->
              <!--                </el-menu-item-group>-->
              <!--                <el-submenu index="1-4">-->
              <!--                  <template slot="title">选项4</template>-->
              <!--                  <el-menu-item index="1-4-1">选项1</el-menu-item>-->
              <!--                </el-submenu>-->
              <!--              </el-submenu>-->
              <!--              <el-menu-item index="2">-->
              <!--                <i class="el-icon-menu"></i>-->
              <!--                <span slot="title">导航二</span>-->
              <!--              </el-menu-item>-->
              <!--              <el-menu-item index="3" disabled>-->
              <!--                <i class="el-icon-document"></i>-->
              <!--                <span slot="title">导航三</span>-->
              <!--              </el-menu-item>-->
              <!--              <el-menu-item index="4">-->
              <!--                <i class="el-icon-setting"></i>-->
              <!--                <span slot="title">导航四</span>-->
              <!--              </el-menu-item>-->
            </el-menu>
          </el-col>
        </el-row>
      </el-aside>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import Card from "./Card";
import MonthRecord from "../record/MonthRecord";
import YearRecord from "../record/YearRecord";
import PianoMusic from "../record/PianoMusic";
import ChineseMedicine from "../record/ChineseMedicine";

export default {
  name: 'Welcome',
  components: {ChineseMedicine, PianoMusic, YearRecord, MonthRecord, Card},
  data() {
    return {
      show: false,
      username: 'jcy',
      msg: 'Welcome to Your Vue.js App'
    }
  },
  created() {
    this.show = false
  },
  methods: {
    handSelect(key, keyPath) {
      console.log("选择：", key, keyPath);
    },
  }
}
</script>

<style scoped>
.logo {
  width: 60px;
  height: 60px;
}

.common-layout {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.el-container {
  height: 100%;
}

</style>
